<!DOCTYPE html>
<html>
<head>
	<title>天气查询</title>
</head>

<body style="background: url(http://00.minipic.eastday.com/20171010/20171010103617_671dd64c0ce9ffaba78b1dfe38378a8c_7.jpeg) ; background-size:100% 100% ; background-attachment: fixed">
    <h1 style="margin-top: 30px;margin-left: 300px"><font color="#ffffff">今日{{district}}的天气</font></h1>
	<table style="background-color:lightskyblue; margin:auto;margin-top: 20px;" width="600">
    	<tr align="center" width="300">
    		<td  align="center" valign="middle">
    			<div style="font-size:22px;font-weight: bold;">省份：</div>
    		</td>
    		<td  align="center" valign="middle">
    			<div style="font-size:20px;font-weight: bold;">{{province}}</div>
    		</td>
    	</tr>
    	<tr align="center" width="300">
    		<td  align="center" valign="middle">
    			<div style="font-size:22px;font-weight: bold;">城市：</div>
    		</td>
    		<td align="center" valign="middle">
    			<div style="font-size:20px;font-weight: bold;">{{city}}</div>
    		</td>
    	</tr>
    	<tr align="center" width="300">
    		<td  align="center" valign="middle">
    			<div style="font-size:22px;font-weight: bold;">今日天气：</div>
    		</td>
    		<td  align="center" valign="middle">
    			<div style="font-size:20px;font-weight: bold;">{{dayweather0}}</div>
    		</td>
        </tr>
        <tr align="center" width="300">
            <td  align="center" valign="middle">
                <div style="font-size:22px;font-weight: bold;">今日气温：</div>
            </td>
            <td  align="center" valign="middle">
                <div style="font-size:20px;font-weight: bold;">{{daytemp0}}</div>
            </td>
        </tr>
        <tr align="center" width="300">
            <td  align="center" valign="middle">
                <div style="font-size:22px;font-weight: bold;">今日风向：</div>
            </td>
            <td  align="center" valign="middle">
                <div style="font-size:20px;font-weight: bold;">{{daywind0}}</div>
            </td>
    	</tr>
    	<!-- <tr><td>预报：</td><td>{{province}}</td></tr> -->
	</table>

	<h1 style="margin-top: 30px;margin-left: 300px"><font color="#ffffff">未来3日天气</font></h1>
    <h3 style="margin-left: 300px">
        <font color="#ffffff">（ps:由于图像是用pyecharts绘制，网页是自动生成的，无法加入返回上级的按钮键）</font>
    </h3>
	<table style="background-color:lightskyblue; margin:auto" width="600">
		<tr align="center">
			<td  align="center" valign="middle">
				<div style="font-size:22px;font-weight: bold;">明日天气：</div>
			</td>
			<td  align="center" valign="middle">
				<div style="font-size:20px;font-weight: bold;">{{dayweather1}}</div>
			</td>
		</tr>
    	<tr align="center">
    		<td  align="center" valign="middle">
    			<div style="font-size:22px;font-weight: bold;">后日天气：</div>
    		</td>
    		<td align="center" valign="middle">
    			<div style="font-size:20px;font-weight: bold;">{{dayweather2}}</div>
    		</td>
    	</tr>
    	<tr align="center">
    		<td  align="center" valign="middle">
    			<div style="font-size:22px;font-weight: bold;">后两日天气：</div>
    		</td>
    		<td  align="center" valign="middle">
    			<div style="font-size:20px;font-weight: bold;">{{dayweather3}}</div>
    		</td>
    	</tr>
	</table>
	
    <h1 style="margin-top: 20px;margin-left: 300px;">
        <form action="/tempchange">
            <font color="#ffffff">查看近四天昼夜温度变化</font>
            <button class="btn btn-small btn-primary btn-block" type="submit" style="font-size:20px;font-weight: bold;margin-left:345px;">查看
            </button>
        </form>
    </h1>
	
    <h1 style="margin-top: 40px;margin-left: 300px;"><font color="#ffffff">周边搜索<button class="btn btn-small btn-primary btn-block" type="submit" style="font-size:20px;font-weight: bold;margin-left:580px;"><a href="http://127.0.0.1:5000/around">搜索</a></button>
    </h1>
    


</body>
</html>

